/**
 *
 *  zhx-ring-buttons scss
 *  Author: Vicco Wang
 *  Date: 2016-09-26
 * 
 */
.zhx-ring-btn-wrap {
  position: fixed;
  z-index: 1000;
  width: 1px;
  height: 1px; }

.zhx-ring-btn {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 999;
  background-color: #fafafa;
  opacity: 0;
  font-size: 1.6em !important;
  font-weight: normal;
  border-radius: 500px;
  cursor: default;
  box-shadow: 0 5px 10px #878787; }
  .zhx-ring-btn.green {
    color: #4CAF50; }
  .zhx-ring-btn.purple {
    color: #673AB7; }
  .zhx-ring-btn.orange {
    color: #FFC107; }
  .zhx-ring-btn.darkOrange {
    color: #FF9800; }
  .zhx-ring-btn.darkBlue {
    color: #01579B; }
  .zhx-ring-btn.lightBlue {
    color: #00BCD4; }
  .zhx-ring-btn.flyBlue {
    color: #2196F3; }
  .zhx-ring-btn.gray {
    color: #607D8B; }

.zhx-ring-bg-normal {
  background-color: #E0E0E0;
  color: #212121; }

.zhx-ring-bg-red {
  background-color: #E91E63;
  color: #fff; }

.zhx-ring-bg-blue {
  background-color: #03A9F4;
  color: #fff; }

.zhx-ring-bg-green {
  background-color: #009688;
  color: #fff; }

.hidden-body {
  overflow: hidden; }

#zhx-ring-button-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #212121;
  opacity: .2;
  z-index: 998; }
